<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>进度条</title>
</head>
<body>
    <!-- 进度条 max最大值 min最小值 value当前值-->
    <progress max="100" min="0" value="80"></progress>

    <!-- 度量器 
        max最大值
        min最小值
        hign规定的较高的值
        low规定的较小的值
        value当前值
    -->
    <meter max="100" min="0" value="20" high="80" low="35"></meter>
    <meter max="100" min="0" value="60" high="80" low="35"></meter>
    <meter max="100" min="0" value="90" high="80" low="35"></meter>
</body>
</html>
